<!DOCTYPE html>
<html>
<head>
    <title>学习</title>
    <link href="../css/home.css" type="text/css" rel="stylesheet"/>
    <script charset="UTF-8" language="javascript"  type="text/javascript"  src="../js/english.js"></script>
    <script charset="UTF-8" language="javascript"  type="text/javascript"  src="../js/phrase.js"></script>
    <script charset="UTF-8" language="javascript"  type="text/javascript"  src="../js/home.js"></script>
    <link href="../css/bootstrap3.3.6.min.css" rel="stylesheet">
    <script src="../js/jquery2.1.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
</head>

<body onload="initializeEnglish();initializePhrase();">
    <ul id="myTab" class="nav nav-tabs">
        <li class="active">
            <a href="#words" data-toggle="tab" aria-expanded="true" style="font-size: 50px">words</a>
        </li>
        <li>
            <a href="#phrase" data-toggle="tab" aria-expanded="true" style="font-size: 50px">phrase</a>
        </li>
    </ul>
    <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade active in" id="words">
            <div class="bottom">
                <div data-toggle="collapse" data-target="#s1" style="cursor: pointer">
                    <h1 style="font-size: 60px;padding-left: 120px;">insist on recite 800 everyday</h1>
                </div>
                <div id="s1" class="collapse in" style="width: 100%; background-color: #ffffff">
                    <label title="" style="font-size: 50px;width: 100%;">1.从第几组开始一组16词。2.一次几组。3.遗忘会加载遗忘的单词一次最多100词。4.混乱意味着次序打乱</label>
                    <select title="" id="sele1" style="height: 100px;width: 120px; font-size: 50px;"></select>
                    <select title="" id="sele2" style="height: 100px;width: 120px; font-size: 50px;"></select>
                    <button id="b1" style="font-size: 50px;width: 150px;height: 106px;">开始</button>
                    <button id="b2" name="1" style="font-size: 50px;width: 150px;height: 106px;">秩序</button>
                    <button id="b3" name="1" style="font-size: 50px;width: 150px;height: 106px;">普通</button>
                </div>

                <div id="word" style="font-size: 100px;margin-top: 300px;width:100%" align="center"></div>
                <!--<div> hidden visible </div>-->
                <div id="chineseParent" style="width:100%; height: 426px">
                    <div id="chinese" style="width:100%; font-size: 70px;visibility: hidden;" align="center"></div>
                </div>
                <div>
                    <button id="next" style="font-size: 50px;width: 416px;height: 250px;background-color: inherit">下一个</button>
                    <button id="error" style="font-size: 50px;width: 416px;height: 250px;background-color: inherit">记错了</button>
                </div>
                <!--<div>-->
                <!--<button id="forget" style="font-size: 50px;width: 416px;height: 250px;background-color: inherit">记录遗忘</button>-->
                <!--</div>-->
            </div>
        </div>
        <div class="tab-pane fade" id="phrase">
            <div class="bottom">
                <div data-toggle="collapse" data-target="#phrase_s1" style="cursor: pointer">
                    <h1 style="font-size: 50px;padding-left: 150px;">背完单词背词组 向成功再跨一步</h1>
                </div>
                <div id="phrase_s1" class="collapse in" style="width: 100%; background-color: #ffffff">
                    <label title="" style="font-size: 50px;width: 100%;">1.从第几组开始一组15个。2.一次几组。3.混乱意味着次序打乱</label>
                    <select title="" id="phrase_sele1" style="height: 100px;width: 120px; font-size: 50px;"></select>
                    <select title="" id="phrase_sele2" style="height: 100px;width: 120px; font-size: 50px;"></select>
                    <button id="phrase_b1" style="font-size: 50px;width: 150px;height: 106px;">开始</button>
                    <button id="phrase_b2" name="1" style="font-size: 50px;width: 150px;height: 106px;">秩序</button>
                </div>

                <div id="phrase_word" style="font-size: 100px;margin-top: 300px;width:100%" align="center"></div>
                <!--<div> hidden visible </div>-->
                <div id="phrase_chineseParent" style="width:100%; height: 426px">
                    <div id="phrase_chinese" style="width:100%; font-size: 70px;visibility: hidden;" align="center"></div>
                </div>
                <div>
                    <button id="phrase_next" style="font-size: 50px;width: 416px;height: 250px;background-color: inherit">下一个</button>
                    <button id="phrase_error" style="font-size: 50px;width: 416px;height: 250px;background-color: inherit">记错了</button>
                </div>
                <!--<div>-->
                <!--<button id="forget" style="font-size: 50px;width: 416px;height: 250px;background-color: inherit">记录遗忘</button>-->
                <!--</div>-->
            </div>
        </div>
    </div>


</body>
</html>